<!-- input框搜索用  -->
<template>
<div class="in">
    <el-input
  :placeholder= placeholder
  v-model="input"
  @blur="focus">
   </el-input>
</div>
</template>

<script>
export default {
props:{
placeholder:{
    type:String,
}
},
data() {
return {
 input:'',//查询的值
}
},
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

},
methods:{
    //失去焦点的事件
    focus(){
        console.log('失去了焦点');
        this.toParent();//失去焦点便传值给父组件
    },
    //搜索值传给父组件
     toParent () {
            this.$emit('fromChild', this.input);
    }
}
}
</script>
<style scoped>
/* @import url(); 引入css类 */
.in{
    margin-left: 2%;
}
</style>